﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CANO.Master" AutoEventWireup="true"
	CodeBehind="newContact.aspx.cs" Inherits="CANO.WebSite.Contactos.NewContacto"
	EnableEventValidation="false" %>

<%@ Register TagPrefix="uc" TagName="Observaciones" Src="~/contacts/ucObservaciones.ascx" %>
<%@ Register TagPrefix="uc" TagName="GrupoFamiliar" Src="~/contacts/ucGrupoFamiliar.ascx" %>

<%@ Import Namespace="CANO.Data.DAOs" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
	


	<script type="text/javascript">
		var template = '<span style="color:{0};">{1}</span>';

		var change = function (value) {
			return String.format(template, (value > 0) ? "green" : "red", value);
		}

		var pctChange = function (value) {
			return String.format(template, (value > 0) ? "green" : "red", value + "%");
		}

	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
	<form id="Form1" enctype="multipart/form-data" method="post" action="" class="fields"
	runat="server">
	<asp:ScriptManager ID="ScriptManager1" runat="server" />
	<div class="box box-100 altbox">
		<div class="boxin">
			<div id="tabs">
				<div class="header">
					<h3>
						Nuevo Contacto</h3>
					<a class="button" style="color: white;" href="Contacts.aspx">Volver</a>
					<ul id="Ul1">
						<!-- Tabs in the box's header -->
						<li><a href="#tabInformacionPrincipal" class="active">Información Principal</a></li>
						<li><a href="#tabObservaciones">Observaciones</a></li>
						<li><a href="#tabAsignaciones">Asignaciones</a></li>
						<li><a href="#tabInformacionAdicional">Información Adicional</a></li>
						<li><a href="#tabNotas">Notas</a></li>
					</ul>
				</div>
				<div class="content">
					<div id="tabInformacionPrincipal">
						<fieldset class="last">
							<label for="some21">
								Fecha de Origen:</label>
							<input type="text" size="30" id="txtFechaOrigen" runat="server" class="txt" disabled="true" />
							<legend><strong>Información Contacto</strong></legend>
							<div class="msg msg-info" style="margin-top: 10px;">
								<p>
									Complete los campos.</p>
							</div>
							<label for="some21">
								Nombre:</label>
							<input type="text" size="50" id="txtNombre" class="txt" runat="server" />
							<asp:RequiredFieldValidator ValidationGroup="req" runat="server" id="reqName" controltovalidate="txtNombre" errormessage="El nombre es requerido." />
							<label for="some21">
								Apellido:</label>
							<input type="text" size="50" id="txtApellido" class="txt" runat="server" />
							<asp:RequiredFieldValidator ValidationGroup="req" runat="server" id="RequiredFieldValidator1" controltovalidate="txtApellido" errormessage="El apellido es requerido." />
						
							<label for="some21">
								Teléfono Celular:</label>
							<input type="text" size="25" id="txtTelefonoCelular" runat="server" class="txt" />
							<input type="button" value="+ Otro Teléfono" id="ipAdd" class="button" />
							
							<!--Otros telefonos -->
							<asp:UpdatePanel runat="server" ID="UpdatePanel1">
								<ContentTemplate>
									<div id="divNewTelefono" style="display: none">
										<asp:DropDownList ID="ddlTipoTelefono" runat="server">
										</asp:DropDownList>
										<input type="text" size="50" id="txtNumero" class="txt" runat="server" />
										<asp:Button runat="server" ID="btnAgregar" Text="Agregar" CssClass="button" />
									</div>
								</ContentTemplate>
							</asp:UpdatePanel>
							<div id="divNewTelefonosList">
							</div>

							<label for="some21">
								Email Principal:</label>
							<input type="text" size="50" id="txtEmailPrincipal" class="txt" runat="server" />
						</fieldset>
						
						<fieldset class="last">
							<legend><strong>Newsletters</strong></legend>
							<label for="some210">
								Lugar de Influencia:</label>
							<asp:DropDownList ID="ddlLugarInfluencia" runat="server">
							</asp:DropDownList>
							<label for="some210">
								Tipo Propiedad:</label>
							<asp:DropDownList ID="ddlTipoPropiedad" runat="server">
							</asp:DropDownList>
							<label for="some210">
								Especialidad:</label>
							<asp:DropDownList ID="ddlEspecialidad" runat="server">
							</asp:DropDownList>
							<label for="some210">
								Nacionalidad:</label>
							<asp:DropDownList ID="ddlNacionalidad" runat="server"></asp:DropDownList>
							<label for="some210">
								Propietario:</label>
							<div class="sep">
								<label class="radio">
									<input id="rdbPropietarioSi" class="radio" type="radio" name="some278" value="true "
										runat="server">Si</label>
								<label class="radio">
									<input class="radio" type="radio" id="some28" name="some278" value="true" runat="server">No</label>
							</div>
						</fieldset>
					</div>

					<div id="tabObservaciones">
						<uc:Observaciones ID="ucObservaciones" runat="server"></uc:Observaciones>
					</div>

					<div id="tabAsignaciones">
					<asp:Panel ID="pnlAsignaciones" runat="server" Visible="true">
					<asp:Panel ID="AddAsignacion" runat="server" Visible="false">
						<div class="msg msg-info">
							<p>
								Seleccione un usuario y haga click en " asignar " para asignarle el nuevo contacto.</p>
						</div>
					
						<asp:UpdatePanel runat="server" ID="UpdatePanel2">
							<ContentTemplate>
									<asp:DropDownList ID="ddlUser" runat="server">
								</asp:DropDownList>
								<div style="display:none">
									<asp:Button runat="server" ID="btnAddAsignacion" />
								</div>
							</ContentTemplate>
						</asp:UpdatePanel>
						<input type="button" class="button" id="inputAgregarAsignacion" value="Asignar" />
					</asp:Panel>
						<fieldset class="last">
							<legend><strong>Asigandos</strong></legend>
							<div id="divAsignadosList" style="font-size: 20px;">
							</div>
						</fieldset>
						</asp:Panel>

					</div>
					
					<div id="tabInformacionAdicional">
						<fieldset class="last">
							<legend><strong>Personal</strong></legend>
							<label for="some21">
								Dirección:</label>
							<input type="text" size="100" id="txtDireccionPersonal" class="txt" runat="server" />
							<label for="some21">
								DNI:</label>
							<input type="text" size="50" id="txtDNI" class="txt" runat="server" />
							<label for="some21">
								Email Secundario:</label>
							<input type="text" size="50" id="txtEmailSecundario" class="txt" runat="server" />
							<label for="some21">
								Cumpleaños:</label>
							<input type="text" size="50" id="txtFechaNacimiento" class="txt" runat="server" />
							
					<%--	<label for="some21">
								Nombre Conyuge:</label>
							<input type="text" size="50" id="txtNombreConyuge" class="txt" runat="server" />
							<label for="some21">
								Contacto Conyuge:</label>
							<input type="text" size="50" id="txtContactoConyuge" class="txt" runat="server" />
							<label for="some21">
								Nombres Hijos:</label>
							<input type="text" size="50" id="txtNombreHijos" class="txt" runat="server" />--%>
							<label for="some21">
								Info Familiar:</label>
								<textarea name="some22" id="txtInfoFamiliar" cols="40" rows="2" runat="server" style="width: 800px; max-width: 800px;"></textarea>

						</fieldset>
							
						<fieldset class="last">
							<legend><strong>Comercial</strong></legend>
							<label for="some21">
								CUIT / CUIL:</label>
							<input type="text" size="50" id="txtCUITCUIL" class="txt" runat="server" />
							<label for="some21">
								Dirección Laboral:</label>
							<input type="text" size="50" id="txtDireccionLaboral" class="txt" runat="server" />
							<label for="some21">
								Página Web:</label>
							<input type="text" size="50" id="txtSitioWeb" class="txt" runat="server" />

							<label for="some210">
								Profesión:</label>
							<asp:DropDownList ID="ddlProfesion" runat="server">
							</asp:DropDownList>

							
						</fieldset>
					</div>

					<div id="tabNotas">
					<label for="some21">
								Notas:</label>
								<textarea name="some22" id="txtNotas" cols="40" rows="2" runat="server" style="width: 800px; max-width: 800px;"></textarea>
					</div>

					
				</div>
                <div id="divButtons" class="sep" style="text-align: right; margin-right: 50px;">
						<asp:Button ID="btnCrearContacto" runat="server" CssClass="button" Text="Crear Contacto" ValidationGroup="req"/>
					</div>
				<!-- End content -->
			</div>
		</div>
	</div>
	</form>
	<script type="text/javascript" language="javascript">

		$(document).ready(function () {
			
			//Datetimes and Date Pickers
			$('input[id*="txtFechaNacimiento"]').datepicker({
				changeMonth: true,
				changeYear: true,
				dateFormat: "dd-mm-yy"
			});

					
			
			$("#tabs").tabs();
			$("#Ul1").removeClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all");
			$("#tabs li a").click(function () {
				$("a.active").removeClass("active");
				$(this).addClass("active");
			});

			$("#ipAdd").click(function () {
				$("#divNewTelefono").show();
				$("#ipAdd").hide();

				$('input[id*="btnAgregar"]').click(function () {
					//Get Data
					var tipoTelefonoSelectedValue = $('select[id*="ddlTipoTelefono"]').val();
					var tipoTelefonoSelectedText = $('select[id*="ddlTipoTelefono"]').find('option[value=' + tipoTelefonoSelectedValue + ']').text();
					var telefonoValue = $('input[id*="txtNumero"]').val();

					//Create Label para MOSTRAR LO CREADO
					var labelNewTel = $('<label for="some21" ></label>');
					$(labelNewTel).text(tipoTelefonoSelectedText);

					//Creo input text para mostrar el nuevo telefono
					var inputNewTel = $('<input type="text" size="50" class="txt" />');
					$(inputNewTel).val(telefonoValue);

					$("#divNewTelefonosList").append(labelNewTel);
					$("#divNewTelefonosList").append(inputNewTel);

					$("#divNewTelefono").hide();
					$("#ipAdd").show();
				});
			});
			$("#inputAgregarAsignacion").click(function () {
				$('input[id*="btnAddAsignacion"]').click(function () {
					var asignacionUserSelectedValue = $('select[id*="ddlUser"]').val();
					var asignacionUserSelectedText = $('select[id*="ddlUser"]').find('option[value=' + asignacionUserSelectedValue + ']').text();


					var labelAsignacionUser = $('<label for="some21" ></label>');
					$(labelAsignacionUser).text(asignacionUserSelectedText);

					$("#divAsignadosList").append(labelAsignacionUser);
				});
				$('input[id*="btnAddAsignacion"]').click();
			});
		});

		
	</script>
</asp:Content>
